<template>

  <TabBar>
    <TabBarItem path="/home">
      <img src="../../assets/img/tabbar/1.jpg" alt="" slot="pic">
      <img src="../../assets/img/tabbar/5.jpg" alt="" slot="pic-active">
      <div slot="text">首页</div>
    </TabBarItem>
    <TabBarItem path="/fenlei">
      <img src="../../assets/img/tabbar/1.jpg" alt="" slot="pic">
      <img src="../../assets/img/tabbar/5.jpg" alt="" slot="pic-active">
      <div slot="text">分类</div>
    </TabBarItem>
    <TabBarItem path="/shop">
      <img src="../../assets/img/tabbar/1.jpg" alt="" slot="pic">
      <img src="../../assets/img/tabbar/5.jpg" alt="" slot="pic-active">
      <div slot="text">购物车</div>
    </TabBarItem>
    <TabBarItem path="/mine">
      <img src="../../assets/img/tabbar/1.jpg" alt="" slot="pic">
      <img src="../../assets/img/tabbar/5.jpg" alt="" slot="pic-active">
      <div slot="text">我的</div>
    </TabBarItem>
  </TabBar>
</template>

<script>
import TabBar from "./TabBar";
import TabBarItem from"./tabbar-item"
export default {
  name: "maintabbar",
  components:{TabBar,TabBarItem}
}
</script>

<style scoped>

</style>
